.wz-kefu{position:fixed; top:200px;right: 0px;}
.wz-kefu ul li{ cursor:pointer;display: flex; justify-items: center; align-items: center;  list-style-type:none;width: 48px;
    height: 48px; margin-bottom:5px;border-radius: 6px; background: #f9f9f9; font-size: 12px;box-sizing: border-box;
    position: relative;
}
.wz-kefu ul li:hover ul li i{ color: #858585;}
.wz-kefu >ul> li>p{ display: none; line-height: 24px;}
.wz-kefu >ul> li> i{ margin-left: 11px; color: #858585;}

.wz-kefu >ul >li>.content{ display: none; width: 460px; height: 240px;}
.wz-kefu >ul >li:hover{background: #fa6700;}
.wz-kefu >ul >li:hover>p{ display: inline-block;text-align: center; padding: 0px 10px; color: #ffffff; margin: 0px auto;}
.wz-kefu >ul >li:hover>i{ display: none;}
.wz-kefu ul li:hover .content{ display: block;border: 1px solid #ccc;   border-top: #fa6700 3px solid;position: absolute; top: -15px;
    left: -470px;box-shadow: 0 0 10px 1px rgba(0,0,0,0.15); padding: 0 20px; box-sizing: border-box;
}
.wz-kefu ul li:hover .content .wz-kefu-content-arrow-right{ position: absolute; right: -13px; top: 20px;}
.wz-kefu ul li:hover .content .title{ width: 100%; height: 80px; border-bottom: #e1e1e1 1px solid; padding: 20px 0;}
.wz-kefu ul li:hover .content .title .title-left{ width: 48px; height: 48px; float: left; }
.wz-kefu ul li:hover .content .title .title-left i{color: #858585;}
.wz-kefu ul li:hover .content .title .title-right{ width: 300px; float: left; text-align: left;  margin-left: 20px;}
.wz-kefu ul li:hover .content .title .title-right h3{ font-size: 22px; line-height: 30px; padding: 0px; margin: 0px auto; color: #fa6700;}
.wz-kefu ul li:hover .content .title .title-right h4{ font-size: 14px; line-height: 20px; padding: 0px;margin: 0px auto;}
.wz-kefu ul li:hover .content  .des{ width: 100%; clear: both;}
.wz-kefu ul li:hover .content  .des p{text-align: left; line-height: 1.5em; margin-top: 18px;}
.wz-kefu ul li:hover .content  .des ul{ display: flex; flex-wrap: wrap;justify-content: center; align-items: center;}
.wz-kefu ul li:hover .content  .des ul li{ width: 33%;background: transparent; border-radius: 0;}
.wz-kefu ul li:hover .content  .des ul li i{ margin-right: 4px;}
.wz-kefu >ul >li>.wz-kefu-tel{ display: none; width: 270px; height: 160px;}
.wz-kefu ul li:hover .wz-kefu-tel{ display: block;border: 1px solid #ccc;   border-top: #fa6700 3px solid;position: absolute; top: -15px;
    left: -280px;box-shadow: 0 0 10px 1px rgba(0,0,0,0.15); padding: 0 20px; box-sizing: border-box;
}
.wz-kefu ul li:hover .wz-kefu-tel .wz-kefu-content-arrow-right{ position: absolute; right: -13px; top: 20px;}
.wz-kefu ul li:hover .wz-kefu-tel .wz-kefu-tel-desc{ width: 100%; padding: 30px 10px;}
.wz-kefu ul li:hover .wz-kefu-tel .wz-kefu-tel-desc .left{ width: 60px; float: left; margin-top: 20px;}
.wz-kefu ul li:hover .wz-kefu-tel .wz-kefu-tel-desc .left i{ color: #858585;}
.wz-kefu ul li:hover .wz-kefu-tel .wz-kefu-tel-desc .right{ width: 140px; float: right; }
.wz-kefu ul li:hover .wz-kefu-tel .wz-kefu-tel-desc .right h2{ font-size: 20px; color: #fa6700; line-height:1.5em;padding: 0px; margin: 0 auto;}
.wz-kefu ul li:hover .wz-kefu-tel .wz-kefu-tel-desc .right h3{ font-size: 15px; color: #333; line-height:1.5em;padding: 0px;margin: 0 auto;}


.wz-kefu >ul >li>.wz-kefu-weixin{ display: none; width: 200px; height: 200px;}
.wz-kefu ul li:hover .wz-kefu-weixin{ display: block;border: 1px solid #ccc;   position: absolute; top: -15px;
    left: -210px;box-shadow: 0 0 10px 1px rgba(0,0,0,0.15); padding: 0 20px; box-sizing: border-box;
}
.wz-kefu ul li:hover .wz-kefu-weixin .wz-kefu-content-arrow-right{ position: absolute; right: -13px; top: 20px;}
.wz-kefu ul li:hover .wz-kefu-weixin .wz-kefu-weixin-desc{ width: 100%; padding: 10px 10px; text-align: center; margin: 0 auto;}
.wz-kefu ul li:hover .wz-kefu-weixin .wz-kefu-weixin-desc p{text-align: center; font-size: 16px; line-height: 1em; background: #0c5460; padding: 0px;}
.wz-kefu ul li:last-child i{ margin-left: 7px;}
.wz-kefu ul li:last-child a{ color: #ffffff; text-decoration: none;}
@media screen and (max-width: 750px){
    .wz-kefu >ul >li>.content{ display: none; width: 320px; height: 280px;}
    .wz-kefu >ul >li:hover{background: #fa6700;}
    .wz-kefu >ul >li:hover>p{ display: inline-block;text-align: center; padding: 0px 10px; color: #ffffff; margin: 0px auto;}
    .wz-kefu >ul >li:hover>i{ display: none;}
    .wz-kefu ul li:hover .content{ display: block;border: 1px solid #ccc;   border-top: #fa6700 3px solid;position: absolute; top: -15px;
        left: -330px;box-shadow: 0 0 10px 1px rgba(0,0,0,0.15); padding: 0 20px; box-sizing: border-box;
    }
    .wz-kefu ul li:hover .content .wz-kefu-content-arrow-right{ position: absolute; right: -13px; top: 20px;}
    .wz-kefu ul li:hover .content .title{ width: 100%; height: 80px; border-bottom: #e1e1e1 1px solid; padding: 20px 0;}
    .wz-kefu ul li:hover .content .title .title-left{ width: 48px; height: 48px; float: left; }
    .wz-kefu ul li:hover .content .title .title-left i{color: #858585;}
    .wz-kefu ul li:hover .content .title .title-right{ width: 200px; float: left; text-align: left;  margin-left: 20px;}
    .wz-kefu ul li:hover .content .title .title-right h3{ font-size: 22px; line-height: 30px; padding: 0px; margin: 0px auto; color: #fa6700;}
    .wz-kefu ul li:hover .content .title .title-right h4{ font-size: 14px; line-height: 20px; padding: 0px;margin: 0px auto;}
    .wz-kefu ul li:hover .content  .des{ width: 100%; clear: both;}
    .wz-kefu ul li:hover .content  .des p{text-align: left; line-height: 1.5em; margin-top: 18px;}
    .wz-kefu ul li:hover .content  .des ul{ display: flex; flex-wrap: wrap;justify-content: center; align-items: center;}
    .wz-kefu ul li:hover .content  .des ul li{ width: 33%;background: transparent; border-radius: 0;}
    .wz-kefu ul li:hover .content  .des ul li i{ margin-right: 4px;}
}